<template>
	<view>
		<!-- 底部按钮 用于表单提交等 -->
		<view class="with-bottom-view">
			<view class="with-bottom-view1" :style="{backgroundColor:backgroundColor,color:color}" @click="$emit('click')">
				{{name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			name:String,
			backgroundColor:{
				type:String,
				default:'#FFF0CA'
			},
			color:{
				type:String,
				default:'#333333'
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss">
	.with-bottom-view {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		margin-top: 60rpx;
	
		.with-bottom-view1 {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding: 20rpx 0;
			border-radius: 20rpx;
			letter-spacing: 2px;
			font-size: 15px;
		}
	}
</style>